<!DOCTYPE html>
<html  xmlns:th="http://www.thymeleaf.org">
<head>


    <meta charset="utf-8">
    <title>编辑管理员</title>
    <!--字体图标-->
    <link href="javaex/pc/css/icomoon.css" rel="stylesheet" />
    <!--动画-->
    <link href="javaex/pc/css/animate.css" rel="stylesheet" />
    <!--骨架样式-->
    <link href="javaex/pc/css/common.css" rel="stylesheet" />
    <!--皮肤（缇娜）-->
    <link href="javaex/pc/css/skin/tina.css" rel="stylesheet" />
    <!--jquery，不可修改版本-->
    <script src="javaex/pc/lib/jquery-1.7.2.min.js"></script>
    <!--全局动态修改-->
    <script src="javaex/pc/js/common.js"></script>
    <!--核心组件-->
    <script src="javaex/pc/js/javaex.min.js"></script>
    <!--表单验证-->
    <script src="javaex/pc/js/javaex-formVerify.js"></script>
</head>
<style>
    body{background-color: #fff;}
    .login-form{background: #fff;margin:40px;}
    .login-title{font-size: 20px;text-align: center;margin-bottom: 25px;}
    .login-item{display: flex;margin-bottom: 14px;}
    .login-link{margin-bottom: 14px;}
    .login-link label, .login-link a{color: #9B9B9C;}
    .login-link a{font-size: 14px;}
    .login-text{min-height: 40px;width: 100%;color: #B3B3B3;font-size: 14px;border: 1px solid #EEEFF0;border-radius: 3px;font-family: Helvetica, "microsoft yahei", sans-serif;padding-left: 16px;outline: none;}
    .button.login{background-color: #16499c;color: white;width: 100%;border-radius: 3px;font-size: 14px;height: 40px;line-height: 40px;}
    .login-link .line{display: inline-block;width: 1px;height: 12px;background-color: #EEEEEE;margin: 0 6px;}
</style>
<body>
<!--登录-->
<div class="list-content">
    <!--块元素-->
    <div class="block">
        <!--修饰块元素名称-->
        <div class="banner">
            <p class="tab fixed">信息修改</p>
        </div>

        <!--正文内容   action="zuizhongtijiao" type="post" enctype="multipart/form-data"-->
        <div class="main">
            <form id="form" >
                <!--文本框-->
                <div class="left"><span class="required">*</span><p class="subtitle">管理员ID</p></div>
                <div class="left">  <input type="text" class="text readonly" name="aid" th:value="${session.pojolist.aid}" readonly autocomplete="off" /></div>
                <div class="unit clear">

                    <div class="left"><span class="required">*</span><p class="subtitle">管理员昵称</p></div><br>
                    <div class="right">
                        <input type="text" class="text" name="aacount" th:value="${session.pojolist.aacount}"  placeholder="管理员账号" />
                    </div>
                    <div class="left"><span class="required">*</span><p class="subtitle">手机号码</p></div>
                    <div class="right">
                        <input type="text" class="text" name="aphone" th:value="${session.pojolist.aphone}" data-type="手机号|邮箱" error-msg="手机号或邮箱格式错误" error-pos="42" placeholder="请输入手机号或邮箱" />
                    </div>
                </div>

                <!--单选框-->

                <!--复选框-->
                <div class="unit clear">
                    <div class="left"><p class="subtitle">角色</p></div>
                    <div class="right">
                        <ul class="equal-8 clear" >

                            <li ><span th:each="role : ${roles}">

                                    <input type="checkbox"  name="roles" th:value="${role.rid}" th:text="${role.rname}"
                                           th:checked="${role.status == 2}"


                                    />

                            </span></li>

                        </ul>
                    </div>
                </div>

                <!--下拉选择框-->


                <!--日期选择框-->

                <!--文本域-->
                <div class="unit clear">
                    <div class="left"><p class="subtitle">简介</p></div>
                    <div class="right">
                        <textarea class="desc" name="adesc" placeholder="请填写简介"></textarea>
                        <!--提示说明-->
                        <p class="hint">请填写个人简介。简介中不得包含令人反感的信息，且长度应在10到255个字符之间。</p>
                    </div>
                </div>

                <!--标签-->

                <!--提交按钮-->
                <div class="unit clear" style="width: 800px;">
                    <div style="text-align: center;">
                        <!--表单提交时，必须是input元素，并指定type类型为button，否则ajax提交时，会返回error回调函数-->
                        <input type="button" id="save" class="button yes" value="修改" />
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


</body>
<script>
    javaex.select({
        id : "select",
        isSearch : false
    });

    javaex.date({
        id : "date",	// 承载日期组件的id
        isTime : true,
        date : "2018-04-15 01:01:01",	// 选择的日期
        // 重新选择日期之后返回一个时间对象
        callback : function(rtn) {
            alert(rtn.date);
        }
    });

    javaex.tag({
        id : "tag"
    });


    // 监听点击保存按钮事件
    $("#save").click(function() {
        alert("ada")
        // 表单验证函数

            // 返回错误信息时，可以添加自定义异常提示。参数为元素id和提示
            // addErrorMsg("username", "用户名不存在");
            // 提交
            //$("#form").submit();
            var roles =[];

            $("input[name='roles']:checked").each(function (i) {
                roles[i] = $(this).val();
            })
            var myform = new FormData();
            myform.append("aid", $("input[name='aid']").val());
            myform.append("aacount", $("input[name='aacount']").val());
            myform.append("roles", roles);
            myform.append("adesc", $("input[name='adesc']").val());
            myform.append("aphone", $("input[name='aphone']").val());


            $.ajax({
                url:"tijiao",
                processData: false,
                contentType: false,
                data: myform,
                type: "post",
                success:function(result){
                    if(result == '0000'){

                        alert("修改成功！");
                        parent.javaex.close();

                        // 刷新页面
                        parent.location.reload();

                    } else if(result == '0001'){
                        alert("修改失败");
                    }
                }
            });





    });
</script>



</html>